<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>公告资讯</title>
    <link rel="stylesheet" type="text/css" href="/static/v1/css/notice/style.css"/>

</head>
<body>
<div class="container" style="min-width: 1350px">
    <div class="main">
        <div class="title">
            <h4>公告资讯</h4>
            <p>CMHI</p>
        </div>
        <ul>
            <li class="one">
                <a th:href="@{'/notice/info/'+${main.id}}">
                    <img th:src="${main.logoUrl}"/>
                    <div class="news-title">
                        <h5 th:text="${main.title}"></h5>
                        <p th:text="${main.subTitle}"></p>
                        <i class="icon-news"></i>
                    </div>
                </a>
            </li>
            <li class="two">
                <a th:each="notice,iter :${noticeList}" th:href="@{'/notice/info/'+${notice.id}}"
                   th:if="${{iter.index >-1 && iter.index<2}}">
                    <div class="top">
                        <h5 th:text="${notice.title}"></h5>
                        <div class="p">
                            <p>
                                <span th:text="${notice.subTitle}"></span>
                            </p>
                        </div>
                        <img src="/static/v1/img/new-jiantou.jpg">
                    </div>
                    <div class="bottom">
                        <h3 th:text="${notice.clickCount}"></h3>
                        <span th:text="${notice.createTime}"></span>
                    </div>
                </a>
            </li>
            <li class="three">
                <a th:each="notice,iter :${noticeList}" th:href="@{'/notice/info/'+${notice.id}}"
                   th:if="${{iter.index >1 && iter.index<5}}">
                    <div class="left">
                        <h3 th:text="${notice.clickCount}"></h3>
                        <span th:text="${notice.createTime}"></span>
                    </div>
                    <div class="right">
                        <h5 th:text="${notice.title}"></h5>
                        <img src="/static/v1/img/new-jiantou.jpg"/>
                    </div>
                </a>


            </li>
        </ul>
    </div>
</div>
</body>
</html>